@charset "UTF-8";
/* CSS Document */

html {
	height:100%;
}

body {
	font-size:1.0em;
	font-family:Helvetica, sans-serif;
	margin:0 auto;
	width:100%;
	height:100%;
	min-height:100%;
	background:#d6d6d6 url(../images/texture-html.jpg) no-repeat top center;
	border:0;
	color:#666666;
}

img, object, embed {
       max-width:100%;
       /*height:auto;*/
	  _width: 100%; /* IE6 */
	  padding:0;
	  margin:0 0 -4px 0;
} 

a {
	color:#888;
}
a:hover {
	color:#aaa;
	text-decoration:none;
}

.blocFloatLeft {float:left;}
.blocFloatLeftReturn {float:left;}
.blocFloatRight {float:right;}

.texteMini {font-size:0.01em;}

p {margin: 0;}
span {padding:0;margin: 0;}
sup {line-height:0;font-size:0.5em;}
img {margin-bottom:-4px;}

.separation {clear:both;margin:0;padding:0;height:0;}
.separationH20 {clear:both;margin:0 0 20px 0;padding:0;height:0;}
.separationH10 {clear:both;margin:0 0 10px 0;padding:0;height:0;}
.separationH30 {clear:both;margin:0 0 30px 0;}
.separationH40 {clear:both;margin:0 0 40px 0;}
.separationH60 {clear:both;margin:0 0 60px 0;}
.separationH80 {clear:both;margin:0 0 80px 0;}
.separationH100 {clear:both;margin:0 0 100px 0;}
.separationH120 {clear:both;margin:0 0 120px 0;}




#conteneurIncompatible {
	display:none;	
}

#ajaxField {
	width:100%;
	margin:0 auto;
}
.logotype {
	width:100%;
	max-width:550px;
	margin:50px auto;
}


#conteneurGlobal {
	width:100%;
	margin:0 auto;
}

#blocLangue {
	position:fixed;
	top:0;
	right:20px;	
}




#conteneurNavigation {
	clear:both;
	width:100%;
	padding:0;
	margin:0;
	background: url(../images/texture-navigation.jpg) repeat-x top center;
}
#Navigation {
	width:90%;
	margin:0 auto;
}


.blocLienx2 {
	width:50%;
}
.blocLienx3 {
	width:33.33333333333%;
}

.blocLienx4 {
	width:25%;
}
.blocLienMarge {
	width:0%;
}




#conteneurContenu {
	width:100%;
}
#contenu {
	width:100%;
	margin:0 auto;
	padding:40px 0;
}
.largeurMaxContenu {
	max-width:1240px;
}
.blocTexte {}
.blocTextePadder {margin:20px;padding:10px;}
.blocTextePadderGauche {margin:0 20px 20px 0;padding:10px;}
.blocTextePadderDroite {margin:0 0 20px 20px;padding:10px;}
.blocPhoto {}

.blocCols11 {width:100%;}
.blocCols12 {width:50%;}
.blocCols12Photo {width:48%;margin:0 1%;}
.blocCols13 {width:33.333333333333333333333%;}
.blocCols13Photo {width:30%;margin:0 1.51%;}
.blocCols23 {width:66.666666666666666666666%;}
.blocCols14 {width:25%;}
.blocCols14Photo {width:23%;margin:0 1%;}
.blocCols34 {width:75%;}
.blocCols15 {width:20%;}
.blocCols25 {width:40%;}
.blocCols35 {width:60%;}
.blocCols45 {width:80%;}
.blocRetrait20neg {margin-right:-20px;}
.blocRetrait20 {margin-right:20px;}


h1  {
	font-weight:normal;
	font-style:normal;
	font-size:1.6em;
	margin:0;
	padding:0 0 20px 0;
	text-transform:uppercase;
}
h2  {
	font-weight:normal;
	font-style:normal;
	font-size:1.3em;
	margin:0;
	padding:0 0 20px 0;
	text-transform:uppercase;
}


.textePrincipal  {
	font-weight:normal;
	font-style:normal;
	line-height:1.6em;
	margin:0;
	padding:5px 0;
}
.textePrincipal a {color:#0099dc;}
.textePrincipal a:hover {color:#71bbdc;text-decoration:none;}

.bordure {border:10px solid #fff;}
.bordure2 {border:10px solid #666;}

#contact {
	margin-top:30px;
}

/* ========================= FOOTER =========================== */
.adresse {
	color:#666;
	font-size:0.8em;
	line-height:1.5em;
	margin:0;
	padding:5px 0 0 0;
}

.adresse a {color:#666;}
.adresse a:hover {color:#bbb;text-decoration:none;}

.credAddSeparateur {display:inline-block;}
.credAddRetour {display:inline-block;}

.credits {color:#999;font-size:0.7em;margin:10px 0 10px 0;padding-bottom:0px;line-height:1.5em;}
.credits a {color:#999;}
.credits a:hover {color:#bbb;text-decoration:none;}

#remontePage {
	clear:both;
	width:100%;
	height:50px !important;
	margin:0;
	text-align:center;
	background:url(../images/fleche-remonte-haut.jpg) no-repeat center center;
}
#remontePageEN {
	clear:both;
	width:100%;
	height:50px !important;
	margin:0;
	text-align:center;
	background:url(../images/fleche-remonte-haut-en.jpg) no-repeat center center;
}

#blocAdresse {width:100%;text-align:center;padding:10px 0 5px 0;}
#blocCredits {width:100%;text-align:center;padding:5px 0 10px 0;}

/* ========================= MEDIA QUERY =========================== */

@media screen and (max-width: 1240px) {
}
@media screen and (max-width: 1024px) {
	.blocFloatLeftReturn {clear:left;}
	#navPartie1 {
		width:100%;
	}
	#navPartie2 {
		width:100%;
		margin:0 auto;	
	}
	.blocLienMarge {
		width:16.6666666665%;
	}
	.blocLienx2, .blocLienx3 {
		width:33.33333333333%;
	}
}

@media screen and (max-width: 960px) {
	.textePrincipal {font-size:1.2em;}
	#blocAdresse {width:100%;text-align:center;padding:10px 0;}
	#blocCredits {clear:both;display:block;width:100%; padding:10px 0;text-align:center;}
	.credAddSeparateur {display:inline-block;}
	.credAddRetour {display:inline-block;}
	#logotypeDesk {display:block;}
	#logotypeMobile {display:none;}
}

/* Passage en mode mobile */
@media screen and (max-width: 760px) {
	body {background:none;}
	#conteneurNavigation {
		background:none;
	}
	#Navigation {
		width:100%;
	}
	.blocFloatLeft {clear:both;}
	.logotype {
		width:100%;
	}
	.blocLienx2, .blocLienx3, .blocLienx4 {
		width:100%;
		margin:10px 0;
	}
	.noMobile {display:none;}
	.credAddSeparateur {display:none;}
	.credAddRetour {display:block;}
	
	
	
	
	.blocFloatLeft {clear:left;}
	.blocFloatRight {clear:right;}
	.blocCols11, .blocCols12, .blocCols13, .blocCols23, .blocCols14, .blocCols34, .blocCols15, .blocCols25, .blocCols35, .blocCols45 {width:100%;}
	#navigation li {display:block;margin-bottom:3px;}
	.textePrincipal {font-size:1.3em;}
	#facebook {display:none;}
	#conteneurFooterMobile {clear:both;display:block;}
	#conteneurLogotype {width:100%;padding-left:0;}
	#logotype {width:100%;text-align:center;}
	#blocCredits {clear:both;display:block;width:100%; padding:10px 0;text-align:center;}
	.credAddSeparateur {display:none;}
	.credAddRetour {display:block;}
	.adresse {font-size:0.8em;line-height:2.0em;}
	.credits {font-size:0.7em;line-height:2.0em;}
	.bordure {border:none;}
	#logotypeDesk {display:none;}
	#logotypeMobile {display:block;}
	#conteneurNavigation {background:none;}
	.division {display:none;}
	.blocTextePadderGauche {margin:20px;padding:10px;}
	.blocTextePadderDroite {margin:20px;padding:10px;}
	.blocRetrait20neg {margin-right:0;}
	.blocRetrait20 {margin-right:0;}
	
}

@media screen and (max-width: 640px) {
	.textePrincipal {font-size:1.0em;}
	.adresse {font-size:0.6em;line-height:2.0em;}
	.credits {font-size:0.5em;line-height:2.0em;}
}

@media screen and (max-width: 319px) {
   	#conteneurGlobal {
	   display:none;
	}
	#conteneurIncompatible {
		display:block;
	}
	html, body {
		color:#000;
		background:#fff;
	}
}